<template style="background:#f3f5f9">
  <div>
    <div class="banner">
      <h1>法律援助</h1>
      <img src="@/assets/sfj/images/banner.jpg" alt="">
    </div>
    <ul class="cate">
      <li>
        <router-link to="/sfj/Serviceofficelist">
          <img class="img_l" src="@/assets/sfj/images/icon1.png" alt="">
          <p>法律服务所<span>专业、放心</span></p>
          <img class="img_r" src="@/assets/sfj/images/more.png" alt="">
        </router-link>
      </li>

      <li>
        <router-link to="/sfj/workerlist">
          <img class="img_l" src="@/assets/sfj/images/icon2.png" alt="">
          <p>法律服务工作者<span>专业为您解答</span></p>
          <img class="img_r" src="@/assets/sfj/images/more.png" alt="">
        </router-link>
      </li>
      <li>
        <router-link to="/sfj/noticelist">
          <img class="img_l" src="@/assets/sfj/images/icon3.png" alt="">
          <p>法律宣传公告<span>专业、易懂</span></p>
          <img class="img_r" src="@/assets/sfj/images/more.png" alt="">
        </router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "home"
};
</script>

<style scoped>
  @import "../../assets/sfj/css/base.css";
  @import "../../assets/sfj/css/other.css";
  @import "../../assets/sfj/css/swiper.min.css";
</style>
